<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Оно тебе надо — аукцион вещей, в которые никто не верил</title>
    <link rel="stylesheet" href="fonts/fonts.css"/>
    <link rel="stylesheet" href="styles/global.css">
    <link rel="stylesheet" href="styles/style.css"/>
  </head>
  <body class="body">
    <header class="header">
      <nav class="header__links-list">
        <ul class="header__links-list-main">
          <li class="header__links-list-item_no-bullit">
            <a href="#" class="header__link_active">главная</a>
          </li>
          <li class="header__links-list-item">
            <a href="#" class="header__link">посмотреть лоты</a>
          </li>
          <li class="header__links-list-item">
            <a href="#" class="header__link">об аукционе</a>
          </li>
        </ul>
      </nav>
    <a class="header__logo">
      <img class="header__logo-image" src="images/logo-black.svg" alt="">
    </a>
    <div class="header__address">
      <address class="contacts-element">
        <a href="tel:+99995555555" class="phone-address">+9 999 555 5555</a>
        <a href="mailto:info@sobaka.ge" class="mail-address">info@sobaka.ge</a>
        <p class="city-address-first">наб. Принсенграхт 263-265, Амстердам</p>
      </address>
    </div>
    </header>
    <main>
    <section class="cover">
      <div class="overlay">
        <h1 class="cover__title">
          <span class="aligned-text letter-spacing-extended">о<span class="new-letter-spacing">н</span><span class="no-letter-spacing">о</span></span>
          <span class="aligned-text_center letter-spacing-extended">те<span class="new-letter-spacing">б</span>е</span>
          <span class="aligned-text_right letter-spacing-extended"><span class="new-letter-spacing">н</span>ад<span class="no-letter-spacing">о</span></span>
        </h1>
        <div class="cover__description">
          <p class="cover__description-text">
            аукцион вещей, в которые никто не верил
          </p>
          <button class="bet-button">
            сделать ставку
          </button>
        </div>
      </div>
    </section>
    <section class="lots">
      <h2 class="lots__heading">Лоты</h2>
      <ul class="lots__card-list">
        <li class="lots__card-list-item">
          <a href="#" class="card-link">
            <div class="card_type_film">
              <article class="card overlay">
                <h3 class="card__title">
                  Фильм режиссёра, который бросил киношколу
                </h3>
                <p class="card__text">
                  Не просто бросил, а ушёл с первой лекции. Какой была бы ваша ставка, если бы вы не знали, что режиссёр — Пол Томас Андерсон?
                </p>
              </article>
            </div>
          </a>
        </li>
        <li class="lots__card-list-item">
          <a href="#" class="card-link">
            <div class="card_type_book">
              <article class="card overlay">
                <h3 class="card__title">
                  Книга, где описан один скучный день из жизни рекламного агента
                </h3>
                <p class="card__text">
                  Объёмом почти в тысячу страниц. Иногда без знаков препинания и с переходами на древнеанглийский. В ней одновременно рассказывается о 16 июня 1904 года и об истории литературы, начиная с античных времён. И это всё накладывается на эпическую поэму Гомера. Сколько бы вы поставили на «Улисса» Джеймса Джойса?
                </p>
              </article>
          </div>
          </a>
        </li>
        <li class="lots__card-list-item">
          <a href="#" class="card-link">
            <div class="card_type_picture">
            <article class="card overlay">
              <h3 class="card__title">
                Картина, которую повторит даже 5-летний сын маминой подруги
              </h3>
              <p class="card__text">
                Ну действительно, там линия, тут кружочек, а здесь и вовсе что-то похожее на инфузорию-туфельку. Никаких полей, лесов, котиков… Сколько бы вы на такое поставили, если бы не знали, что это — одна из революционных работ Кандинского?
              </p>
            </article>
          </div>
          </a>
        </li>
      </ul>
      <div class="lots__look-more-link">
        <a class="lots__look-more-link-text" href="#">посмотреть больше</a>
      </div>
    </section>
    <section class="about">
      <div class="about__column">
        <div class="about__logo">
          <img class="about__logo-image" src="images/logo-white.svg" alt="белый логотип сайта как в шапке">
        </div>
        <div class="about__title-and-text-wrapper">
          <h2 class="about__title">
            Об аукционе
          </h2>
          <p class="about__text">
            Здесь вы не встретите очередное пафосное собрание невероятно дорогого антиквариата. Наши лоты вообще не должны были попасть ни на один аукцион. Потому что кому нужен дневник девочки-подростка или картина, которую может нарисовать даже ребёнок? Кому нужны все эти странные вещи, созданные любителями?
          </p>
          <p class="about__text">
            Слишком сложные или, наоборот, слишком простые. Опережающие своё время. В пух и прах растерзанные критиками. Непринятые и непонятые. Когда-то они казались просто неудачными. Но, несмотря на критику, кажущуюся простоту или сложность, сейчас без этих лотов невозможно представить современную культуру. Когда в эти вещи не верил никто, продолжали верить их создатели. И сейчас эти лоты стали культовыми.
          </p>
        </div>
      </div>
    </section>
  </main>
    <footer class="footer">
      <address class="contacts-element">
        <a href="tel:+99995555555" class="phone-address">+9 999 555 5555</a>
        <a href="mailto:info@sobaka.ge" class="mail-address">info@sobaka.ge</a>
        <p class="city-address-first">наб. Принсенграхт 263-265, Амстердам</p>
      </address>
      <nav class="footer__menu">
        <ul class="footer__menu-list">
          <li class="footer__menu-list-item">
            <a class="footer__menu-link footer__menu-link_active" href="#">главная</a>
          </li>
          <li class="footer__menu-list-item">
            <a class="footer__menu-link" href="#">посмотреть лоты</a>
          </li>
          <li class="footer__menu-list-item">
            <a class="footer__menu-link" href="#">об аукционе</a>
          </li>
        </ul>
      </nav>
      <ul class="footer__social-list">
        <li class="footer__social-list-item">
          <a target="_blank" class="footer__social-link" href="">
            <img class="footer__social-list-item-logo" src="images/yt.svg" alt="ссылка на сайт youTube">
          </a>
        </li>
        <li class="footer__social-list-item">
          <a target="_blank" class="footer__social-link" href="">
            <img class="footer__social-list-item-logo" src="images/vk.svg" alt="ссылка на социальную сеть вконтакте">
          </a>
        </li>
        <li class="footer__social-list-item">
          <a target="_blank" class="footer__social-link" href="">
            <img class="footer__social-list-item-logo" src="images/pinterest.svg" alt="ссылка на сайт pinterest">
          </a>
        </li>
      </ul>
    </footer>
  </body>
</html>
